<template>
    <div class="tab-head">
        <div class="text">{{ title }}</div>
        
    </div>
</template>
<script setup lang="ts">
const props = defineProps<{
    title: string
}>()
</script>
<style scoped>
.tab-head{
    background: url(../assets/img/b.png);
    background-size: 100% 100%;
    width: 20vw;
    height: 4.7vh;
    padding: 0 0 0 2vw;
    display: flex;
    align-items: center;
   
}
.text{
    background: #c9ea5b;
    color: #000;
   
    font-size: 1.5vh;
    padding: 0.2vh 0.2vw;
    display: inline-block;

     position: relative;
    top: -0.2vh;
}

</style>